<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<title>电影详情</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- pop-up -->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
<!-- //pop-up -->
<link href="css/easy-responsive-tabs.css" rel='stylesheet' type='text/css'/>
<link rel="stylesheet" type="text/css" href="css/zoomslider.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link href="css/font-awesome.css" rel="stylesheet"> 
<script type="text/javascript" src="js/modernizr-2.6.2.min.js"></script>
<!--/web-fonts-->
<link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
<link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!--//web-fonts-->
</head>
<body>
<!--/main-header-->
  <!--/banner-section-->
	<div id="demo-1" class="banner-inner">
	 <div class="banner-inner-dott">
		<!--/header-w3l-->
			   <div class="header-w3-agileits" id="home">
			     <div class="inner-header-agile part2">	
				<nav class="navbar navbar-default">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<h1><a  href="index.html"><span>M</span>ovies <span>P</span>ro</a></h1>
					</div>
					<!-- navbar-header -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
							<li><a href="/movie/index">首页</a></li>
							<li class="active"><a href="/movie/moviedetail">电影</a></li>
							<li><a href="news.html">影院</a></li>
							<li><a href="list.html">选座</a></li>
							<li><a href="contact.html">预定</a></li>
						</ul>

					</div>
					<div class="clearfix"> </div>	
				</nav>
					<div class="w3ls_search">
									<div class="cd-main-header">
										<ul class="cd-header-buttons">
											<li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
										</ul> <!-- cd-header-buttons -->
									</div>
									<div id="cd-search" class="cd-search">
										<form action="#" method="post">
											<input name="Search" type="search" placeholder="Search...">
										</form>
									</div>
								</div>
	
			</div> 

			   </div>
		<!--//header-w3l-->
		</div>
    </div>
  <!--/banner-section-->
 <!--//main-header-->
	         <!--/banner-bottom-->
			  <div class="w3_agilits_banner_bootm">
			     <div class="w3_agilits_inner_bottom">
			            <div class="col-md-6 wthree_agile_login">
						     <ul>
									<li><i class="fa fa-phone" aria-hidden="true"></i> (+000) 009 455 4088</li>
									<c:if test="${dbuser==null }">
									<li><a href="#" class="login"  data-toggle="modal" data-target="#myModal4">登录</a></li>
									<li><a href="#" class="login reg"  data-toggle="modal" data-target="#myModal5">注册</a></li>
									</c:if>
									<c:if test="${dbuser!=null }">
										<li><a href="#" class="login">欢迎用户：${dbuser.name }</a></li>
										<li><a href="/movie/logout" class="login">注销</a></li>
									</c:if>
								</ul>
						</div>
						
				</div>
			</div>
			<!--//banner-bottom-->
		    <%@include file="loginAndRegModal.jsp" %>
						<!-- breadcrumb -->
	<div class="w3_breadcrumb">
		<div class="breadcrumb-inner">	
			<ul>
				<li><a href="index.html">首页</a><i>//</i></li>
				
				<li>个人中心</li>
			</ul>
		</div>
	</div>
<!-- //breadcrumb -->

							
								 

	<div class="row clearfix">
		<div class="col-md-3 column">
			<div class="list-group">
    <a href="#" class="list-group-item active">
        <h4 class="list-group-item-heading">
          	我的订单
        </h4>
    </a>
    <a href="#" class="list-group-item">
        <h4 class="list-group-item-heading">
          	 基本信息
        </h4>
        
    </a>

</div>
		</div>
		<div class="col-md-9 column">
		<c:if test="${book==null }">
			暂无订单
		</c:if>
		<c:forEach items="${book }" varStatus="b" step="3">
		
			<div class="row">
			<c:forEach items="${book }" var="a" begin="${b.index }" end="${b.index+2 }">
				<div class="col-md-4">
					<div class="thumbnail">
						<img alt="300x200" src="${a.bimg }" />
						<div class="caption">
							<h3>
								${a.bMname }
							</h3>
							<p>
								${a.bCname }
							</p>
							<p>
								${a.seat }
							</p>
							<p>
								${a.price }
							</p>
							<p>
								${a.time }
							</p>
							<p>
								状态：${a.status }
							</p>
							<p>
								<c:if test="${a.status.equals('未支付') }">
										   	 <a href="book?bId=${a.bId }&name=${dbuser.name}" class="btn btn-danger">去付款</a>
										   	<a href="delbook?bId=${a.bId }&name=${dbuser.name}" class="btn btn-danger">删除</a>
										   		</c:if>
										   		<c:if test="${a.status.equals('已支付') }">
										   	 <a href="delbook?bId=${a.bId }&name=${dbuser.name}" class="btn btn-danger">删除</a> 
										   		</c:if>
							</p>
						</div>
					</div>
				</div>
			</c:forEach>
			</div>
			</c:forEach>
		</div>
	</div>		
	<script type="text/javascript">
			$(function){
				if(${msg}!=null){
					alert(${msg});
				}
			};
			</script>							
	